.shopping{
	.header-top,.header-line,.header-zhong,.box{
		background-color: #0EA970;
		width: 100%;
	}
	.header-line{
		// display: flex;
		// justify-content: space-around;
		//     align-items: center;
		position: relative;
		line-height: 32px;
		color: #fff;
		.left{
			position: absolute;
			left: 12%;
		}
		
		
	}
	.van-popup{
		z-index: 1000;
		.popup_box{
			    width: 92%;
			    // height: 100%;
			    padding: 0 30rpx;
				position: relative;
				padding-top: 50rpx;
				::v-deep.u-icon{
					position: absolute;
					    top: 20rpx;
					    right: 20rpx;
				}
			.popup_box_tian{
				width: 100%;
				    padding-bottom: 30rpx;
				    // border-bottom: 2rpx solid #DCDCDC; 
					// padding-top: 14rpx;
				.popup_box_a{
					display: flex;
					align-items: center;
					.img{
						width: 168rpx;
						height: 112rpx;
						border-radius: 12rpx 12rpx 12rpx 12rpx;
					}
					.text1{
						font-size: 24rpx;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #FF8F1F;
						padding: 0 10rpx;
						margin-top: 34rpx;
						display: grid;
						.text2{
							font-size: 32rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #FF8F1F;
						}
					}
				}
				
			}
			.popup_box_b{
				padding-bottom: 40rpx;
				    // border-bottom: 2rpx solid #DCDCDC;
				.popup_box_b_top{
					font-size: 24rpx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #333333;
					padding: 30rpx 0;
				}
				.popup_box_b_bottom{
					display: flex;
					    justify-content: space-between;
					    align-items: center;
					.left{
						display: flex;
						.left_a{
							width: 158rpx;
							height: 174rpx;
							background: #FFFFFF;
							border-radius: 12rpx 12rpx 12rpx 12rpx;
							text-align: center;
							box-shadow: 0px 1px 12px 0px rgba(0,0,0,0.0800);
							margin-right: 20rpx;
							.img{
								width: 150rpx;
								height: 124rpx;
							}
							.view{
								font-size: 24rpx;
								font-family: Source Han Sans CN-Regular, Source Han Sans CN;
								font-weight: 400;
								color: #333333;
							}
						}
						.active{
							border: 2rpx solid #FF8F1F;
							
							.view{
								color: #FF8F1F;
							}
						}
						
					}
					
				}
			}
			.popup_box_b_a{
				padding-bottom: 40rpx;
				    // border-bottom: 2rpx solid #DCDCDC;
				.popup_box_b_top{
					font-size: 24rpx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #333333;
					padding: 30rpx 0;
					
				}
				.popup_box_b_bottom{
					display: flex;
					    align-items: center;
					.text{
						width: 86rpx;
						height: 44rpx;
						background: #D9D9D9;
						display: block;
						border-radius: 5rpx;
						font-size: 24rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #FFFFFF;
						text-align: center;
						line-height: 44rpx;
						margin-right: 30rpx;
					}
					.items{
						background: #FFFFFF;
						color: #FF8F1F;
						border:2rpx solid #FF8F1F;
					}
				}
			}
			.goumai{
				    display: flex;
				    justify-content: space-between;
				    align-items: center;
					padding: 30rpx 0;
				.goumai_left{
					.text1{
						font-size: 32rpx;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #333333;
					}
					.text2{
						font-size: 24rpx;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #D9D9D9;
					}
				}
				.goumai_right{
					width: 136rpx;
					height: 44rpx;
					background: rgba(217,217,217,0.4000);
					border-radius: 24rpx 24rpx 24rpx 24rpx;
					display: flex;
					    justify-content: space-around;
					    // align-items: center;
						line-height: 41rpx;
						color: #A8A8A8;
					.text3{
						    font-size: 44rpx;
					}
					.text4{
						    font-size: 30rpx;
					}
					.text5{
						    font-size: 44rpx;
					}
				}
			}
			
		}
		.bottoms{
		
			position: absolute;
			    bottom: 0;
			width: 100%;
			height:110rpx;
			background: #FFFFFF;
			box-shadow: 0px -8rpx 20rpx 0px rgba(0,0,0,0.1000);
			display: flex;
			justify-content: space-between;
			    align-items: center;
				margin-top: 78rpx;
			.bottom_left{
				text-align: center;
				margin-left: 60rpx;
				image{
					width: 48rpx;
					height: 48rpx;
				}
				text{
					display: grid;
					font-size: 20rpx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #9E9E9E;
				}
			}
			.bottom_right{
				width: 200rpx;
				height: 60rpx;
				background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
				border-radius: 30rpx 30rpx 30rpx 30rpx;
				text-align: center;
				line-height :60rpx;
				color: #FFFFFF;
				font-size: 32rpx;
				margin-right: 30rpx;
			}
			.gouwuche{
				width: 200rpx;
				height: 60rpx;
				background: linear-gradient(180deg, #FF9125 0%, #FDBE5F 98%);
				border-radius: 30rpx 30rpx 30rpx 30rpx;
				opacity: 1;
				font-size: 32rpx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #FFFFFF;
				text-align: center;
				line-height: 60rpx;
				margin-left: 110rpx;
			}
		}
	}
	.shopping_box{
		background-color: #0EA970;
		.shopping_box_left{
			width: 100%;
			height: 150rpx;
			display: flex;
			align-items: center;
			justify-content: space-around;
			position: relative;
			.icon{
				position: absolute;
				    left: 8%;
				top: 39%;
				width: 36rpx;
				height: 36rpx;
			}
			.img{
				    width: 70rpx;
				    height: 70rpx;
			}
			.btn{
				position: absolute;
				right: 20%;
				width: 146rpx;
				height: 64rpx;
				background: #FFFFFF;
				border-radius: 100px 100px 100px 100px;
				opacity: 1;
				font-size: 34rpx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #0EA970;
				line-height: 64rpx;
				z-index: 10;
			}
			.ipt{
				width: 510rpx;
				height: 80rpx;
				background: rgba(255,255,255,0.4000);
				border-radius: 100px 100px 100px 100px;
				opacity: 1;
				color: #fff;
				font-size: 28rpx;
                padding: 0px 0 0 91rpx;
			}
		}
	}
	.shopping_box_shangpin{
		background-color: #F3F3F3;
		height: 100vh;
		.shopping_box_shangpin_shang{
			.shopping_box_shangpin_tab{
				// height: 50rpx;
				padding: 30rpx 0;
				display: flex;
				justify-content: space-around;
				align-items: baseline;
				
				.scroll-view{
					    width: 100%;
						    height: 60rpx;
						overflow: hidden;
					 	white-space: nowrap;
					text{
						background-color: #fff;
						width: 172rpx;
						height: 60rpx;
						display: block;
						border-radius: 12rpx 12rpx 12rpx 12rpx;
						opacity: 1;
						font-size: 28rpx;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #333333;
						text-align: center;
						line-height: 60rpx;
						display: inline-block;
						margin: 0 20rpx;
					}
					.active{
						width: 172rpx;
						height: 60rpx;
						// display: block;
						background: #0EA970;
						border-radius: 12rpx 12rpx 12rpx 12rpx;
						opacity: 1;
						font-size: 28rpx;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #FFFFFF;
						text-align: center;
						line-height: 60rpx;
					}
				}
				
			}
			.shopping_box_shangpin_yangshi{
				
					.shopping_box_quanbu_a{
						    display: flex;
						    flex-wrap: wrap;
						.shopping_box_quanbu_left{
							width: 346rpx;
							height: 474rpx;
							background: #FFFFFF;
							border-radius: 12rpx 12rpx 12rpx 12rpx;
							opacity: 1;
							margin-left: 20rpx;
							margin-bottom: 20rpx;
							.shopping_box_quanbu_img{
								width: 346rpx;
								height: 300rpx;
								.img{
									width: 346rpx;
									height: 300rpx;
									border-top-left-radius: 12rpx;
									border-top-right-radius: 12rpx;
									}
							}
							.shopping_box_quanbu_zhong{
								font-size: 34rpx;
								font-family: Source Han Sans CN-Regular, Source Han Sans CN;
								font-weight: 400;
								color: #3D3D3D;
								text-align: center;
								padding: 20rpx 0;
							}
							.shopping_box_quanbu_bottom{
									display: flex;
								    justify-content: space-between;
								    align-items: center;
									padding: 10rpx 0 0 0;
								.shopping_box_quanbu_bottom_left{
									color: #FF8F1F;
									padding-left: 10rpx;
									.text1{
										font-size: 26rpx;
										font-weight: 500;
									}
									.text2{
										font-size: 36rpx;
										font-weight: 500;
									}
								}
								.btn{
									width: 108rpx;
									height: 52rpx;
									display: block;
									background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
									text-align: center;
									line-height: 52rpx;
									border-radius: 30rpx;
									color: #FFFFFF;
									font-size: 24rpx;
									z-index: 99;
								}
								.gouwu{
									width: 52rpx;
									height: 52rpx;
									border-radius: 50%;
									display: block;
									background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
									text-align: center;
									line-height: 62rpx;
									margin-right: 10rpx;
									z-index: 99;
									::v-deep.u-icon{
										margin-top: 7rpx;
										margin-left: 4rpx;
									}
								}
							}
						}
						
					}
				
			}
		}
		
		
	}
}